<template>
  <div class="fit overflow-hidden-y">
    <iframe v-if="ready" :src="srcPath" class="fit no-border"></iframe>
    <q-inner-loading :showing="!ready">
      <q-spinner-ios color="primary" size="50px" />
    </q-inner-loading>
  </div>
</template>

<script setup>
import { nextTick, onMounted, ref } from 'vue'

defineProps({
  srcPath: String
})

const ready = ref(false)

onMounted(() => nextTick(() => (ready.value = true)))
</script>